/* ==============================
   Phone
   ============================== */
   .mobile-on{
    display: none;
   }
@media (max-width: 480px) and (min-width: 320px){
    a.text-xs-left {
        text-align: left;
        float: left;
    }
    .mobile-off{
        display: none !important
    }
    .mobile-on{
     display: block !important;
    }
    body .outline-cta-banner{
        width: 100%;
        padding: 10px 58px;
        left: 0;
        margin: 0px;
    }

    .swiper-slide > div{
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }
    .outline-cta-banner .swiper-slide a.rr{display: none}
    .outline-cta-banner .swiper-slide a.mr-20
    {
        width: 70%;
    }
    .BoxImg{
        width: 100% !important;
        height: auto !important;
    }
    body .outline-cta-banner .swiper-slide p.f24 {
        margin-bottom: 0;
        font-size: 16px !important;
        min-height: 30px;
    }
    body .fz-40,
    footer .fz-30 {
        font-size: 18px;
    }
    body .fz-130, body .f-130 {
        font-size: 55px;
    }
    body .fz-70, body .fz-100, body .f-70{
        font-size: 30px;
        line-height: 1.3 !important;
    }
    .generis ul {
        flex-wrap: wrap;
    }
    body .generis ul li{
        width:100%;
        border-bottom: 1px solid white;
    }
    body .generis ul a {
        padding: 7px 23px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .h90_400{
        height: calc(90vh + 200px);
    }
    .mb-xs-0{
        margin-bottom: 0px !important;
    }
    .mb-xs-20{
        margin-bottom: 20px !important;
    }
    .mb-xs-40{
        margin-bottom: 40px !important;
    }
    .homepage .video {
        max-height: 268px;
    }
    .max-h-300{
        max-height: 200px;
    }
    footer p, footer ul li a {
        text-align: left;font-size: 12px;
    }
    body .inlineUl {
        float: left;
    }
    body .inlineUl li:first-child a{
        padding-left: 0;
    }
    body footer .signature{
        font-size: 12px;
        margin-bottom: 10px !important;
    }
    body .cta {
        padding: 20px 0 !important;
    }
    body .pl-15{
        padding-left: 15px !important;
    }
    .fz-60 {
        font-size: 32px;
    }
    .cta .fz-80 {
        font-size: 38px;
        float: right;
        line-height: 1;
    }
    .col-xs-4 {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    body .app-list ul li{
        display: flex;
        text-align: left;
        margin-bottom: 0 !important;
    }
    .hoverWrapper span{
        display: block !important;
        opacity: 1 !important;
    }
    body .app-list ul li p {
        margin-bottom: 0px !important;
        min-height: 110px;
        font-size: 16px;
        width: calc(100% - 60px);
    }
    body .app-list .tright .iconito {
        margin-left: 0px;
        float: right;
    }
   body   ul.two_columns a span {
        position: relative;
        z-index: 2;
        font-size: 14px;
        text-align: center;
        display: block;
        width: 100%;
    }

    .tobtn_app{
        display: flex;
    }
    .tobtn_app a{
        width: 50%;
        height:auto !important;
    }
    body .text-xs-left{
        text-align: left;
    }
    body .ptf-showcase-2 .ptf-showcase-list .ptf-showcase-list__title {
        font-size: 28px;
    }
    body h4.fz-16 {
        font-size: 14px;
    }
    body p.fz-16 {
        font-size: 16px;
    }
    body .flex_customized{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    body .flex_customized> img{
        width: 100%;
        height:auto !important;
        margin-bottom: 20px;
        margin-right: 0 !important;
    }
    ul.disc{
        list-style: disc;
        padding-left: 20px;
    }
    body h3.fz-48 {
        font-size: 30px;
    }
    .reverse{
        flex-direction: column-reverse;
    }
    body .imgontext {
        padding:0;
        margin-bottom: 30px;
    }
    body .fz-120 {
        font-size: 50px;
        letter-spacing: -.05em;
    }
    body p.fz-30 {
        font-size: 18px;
    }
    body .box__hypperlink_learnmore:hover, body .box__hypperlink_learnmore {
        font-size: 18px;
    }
    .videomembership_master{
        max-height:220px;
    }
    body .section-mod {
        padding: 110px 0;
    }
    body .generis ul.two_columns li.w-xs-100{
        width:100%;
    }
    .pb-xs-0{padding-bottom: 0 !important}
    body .generis-mobile{
        position:relative;
    }
    body .mt-xs-40{
        margin-top: 40px;
    }
    p.fz-18 {
        font-size: 16px !important;
    }
    .mobile-btn a{
        display: block;
        width:100%;
        margin-bottom: 20px;
        margin-top:0 !important;
        margin-left: 0 !important;
    }
    body .p-normal{
        padding: 80px 15px 0 !important;
    }
    .location_campus:before{
        display: none
    }
    .location_campus{
        background: transparent !important;
        padding: 0 !important;
    }
    .location_campus .col-md-6:first-child{
        background-color: #1EA6DC;
    }
    .location_campus .col-md-6:last-child{
        background-color: #002138;
    }
    .location_campus .col-md-6{
        padding: 40px 15px !important;
        border: 0px solid white !important;
    }
    .location_campus .contentinfo {
        min-height: 0px;
    }
    .location_campus .tobtn  {
        margin-top:20px;
        display: block;
    }
    .location_campus .tobtn  a{
        display: block !important;
        margin-bottom: 10px;
    }
    .location_campus .tobtn  a+a{
        margin:0;
    }
    .ptf-service-box.edited{
        display: block !important;
        padding: 40px 0px;
    }
    .ptf-service-box.edited .ptf-service-box__icon{
        width: 60px;

    }
    .ptf-service-box.edited .ptf-service-box__title{
        padding:0 !important;
        margin-bottom: 20px;
    }
    .balls .grid-item{
        position:relative !important;
        padding: 20px 15px !important;
        margin:0px !important;
        top:0 !important;
        bottom:0 !important;
    }
    .mt-190 {
        margin-top: 0px !important;
        bottom: 0px !important;
    }
    body  .ptf-animated-block .panel{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    body button.accordion{
        padding-left: 0;
    }
    .ptf-isotope-grid.edite .grid-item article{
        box-shadow: inset 0 -1px transparent !important;
    }
    .ptf-isotope-grid.edite .grid-item{
        box-shadow: inset 0 -1px white;

    }

    .edited .filter-item {
        width: 100% !important;
    }
    .edited .filter-item:after{display: none}
    .listblue{margin-top:20px !important}
    .mt-xs--div-20>div.col-lg-7{margin-top:0px !important}
    body iframe#cs {
        height: 226px;
        width: 100%;
    }
    .padding-xs__serievideo{
        padding-top: 140px !important;
    }
    .video_buttons ul {
        flex-wrap: wrap;
    }
    .video_buttons li {
        color: white;
        width: 100% !important;
        text-align: left !important;
        display: block !important;
    }
}